<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content="Flying hormone"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Access-Control-Allow-Origin" content="http://47.92.124.33/jrkj/">
    <link rel="stylesheet" href="css/mui.min.css"/>
    <link rel="stylesheet" href="css/media.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/all.css"/>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/mui.min.js"></script>
    <script type="text/javascript" src="js/http.js"></script>
    <script type="text/javascript" src="js/loading.js"></script>
    <script type="text/javascript" src="js/list.js"></script>
    <title>学戏</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
   
    </script>
    <!--<script type="text/javascript">-->
    <!--//通过config接口注入权限验证配置-->
    <!--wx.config({-->
    <!--debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。-->
    <!--appId: '', // 必填，公众号的唯一标识-->
    <!--timestamp: '<?php echo time();?>', // 必填，生成签名的时间戳-->
    <!--nonceStr: '<?php echo $nonceStr;?>', // 必填，生成签名的随机串-->
    <!--signature: '<?php echo $signature;?>', // 必填，签名-->
    <!--jsApiList: [] // 必填，需要使用的JS接口列表-->
    <!--});-->
    <!--//通过ready接口处理成功验证-->
    <!--wx.ready(function () {-->
    <!--// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后-->
    <!--});-->
    <!--</script>-->
</head>

<body>
<header>
    <div id="de_btns">
        <a class="btns_left" href="#" onClick="javascript :history.back(-1);"><i
                class="mui-icon mui-icon-back"></i>返回</a>
    </div>
    <div class="mui-slider">
        <div class="mui-slider-group mui-slider-loop">
        </div>
        <div class="mui-slider-indicator">
        </div>
    </div>

    <nav id="nav">
        <ul>
            <session id="nav_top">
                <li>
                    <a href="list.html?juzhong=0"><img src="img/index/nav1.png"/>
                        <p>京剧</p>
                    </a>
                </li>
                <li>
                    <a href="list.html?juzhong=1"><img src="img/index/nav2.png"/>
                        <p>评剧</p>
                    </a>
                </li>
                <li>
                    <a href="list.html?juzhong=2"><img src="img/index/nav3.png"/>
                        <p>梆子</p>
                    </a>
                </li>
                <li>
                    <a href="list.html?juzhong=3"><img src="img/index/nav4.png"/>
                        <p>豫剧</p>
                    </a>
                </li>
                <li>
                    <a href="list.html?juzhong=6"><img src="img/index/nav5.png"/>
                        <p>越剧</p>
                    </a>
                </li>
            </session>
            <session id="nav_bot">
                <li id="menuS">
                    <a><img src="img/index/nav6.png"/>
                        <p>生行</p>
                    </a>
                </li>
                <li id="menuD">
                    <a><img src="img/index/nav7.png"/>
                        <p>旦行</p>
                    </a>
                </li>
                <li id="menuJ">
                    <a><img src="img/index/nav8.png"/>
                        <p>净行</p>
                    </a>
                </li>
                <li id="menuC">
                    <a><img src="img/index/nav9.png"/>
                        <p>丑行</p>
                    </a>
                </li>
                <li id="menuQ">
                    <a><img src="img/index/nav10.png"/>
                        <p>器行</p>
                    </a>
                </li>
            </session>
        </ul>
    </nav>
    <section></section>
</header>
<div style="position: relative; width: 100%;height: 400px;overflow: hidden" >
    <div id="teacher"  class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="mui-table-view">

            </ul>
        </div>
    </div>
</div>

<footer>
    <p>咨询热线：010-66011605</p>
    <p>©2017xxx xICP备14050798号-1</p>
</footer>

<!--弹框菜单开始-->
<div class="juMeun" id="menuDs" style="display:none">
    <div class="mengban meunH"></div>
    <div class="popmain">
        <div class="classTitle mui-text-center">
            生行
        </div>
        <div class="mui-subtitle">
            <a href="list.html?hangdang=老生" class="sub-window mui-text-center">
                老生
            </a>
            <a href="list.html?hangdang=小生" class="sub-window mui-text-center">
                小生
            </a>
            <a href="list.html?hangdang=娃娃生" class="sub-window mui-text-center">
                娃娃生
            </a>
            <a href="list.html?hangdang=武生" class="sub-window mui-text-center">
                武生
            </a>
            <a href="list.html?hangdang=坤生" class="sub-window mui-text-center">
                坤生
            </a>
            <a href="list.html?hangdang=红生" class="sub-window mui-text-center">
                红生
            </a>

        </div>
    </div>
</div>
<div class="juMeun" id="menuDd" style="display:none">
    <div class="mengban meunH"></div>
    <div class="popmain">
        <div class="classTitle mui-text-center">
            旦行
        </div>
        <div class="mui-subtitle">
            <a href="list.html?hangdang=青衣" class="sub-window mui-text-center">
                青衣
            </a>
            <a href="list.html?hangdang=花旦" class="sub-window mui-text-center">
                花旦
            </a>
            <a href="list.html?hangdang=花衫" class="sub-window mui-text-center">
                花衫
            </a>
            <a href="list.html?hangdang=武旦" class="sub-window mui-text-center">
                武旦
            </a>
            <a href="list.html?hangdang=老旦" class="sub-window mui-text-center">
                老旦
            </a>
            <a href="list.html?hangdang=男旦" class="sub-window mui-text-center">
                男旦
            </a>
        </div>
    </div>
</div>
<div class="juMeun" id="menuDj" style="display:none">
    <div class="mengban meunH"></div>
    <div class="popmain">
        <div class="classTitle mui-text-center">
            净行
        </div>
        <div class="mui-subtitle">
            <a href="list.html?hangdang=正净" class="sub-window mui-text-center">
                正净
            </a>
            <a href="list.html?hangdang=武净" class="sub-window mui-text-center">
                武净
            </a>
        </div>
    </div>
</div>
<div class="juMeun" id="menuDc" style="display:none">
    <div class="mengban meunH"></div>
    <div class="popmain">
        <div class="classTitle mui-text-center">
            丑行
        </div>
        <div class="mui-subtitle">
            <a href="list.html?hangdang=文丑" class="sub-window mui-text-center">
                文丑
            </a>
            <a href="list.html?hangdang=武丑" class="sub-window mui-text-center">
                武丑
            </a>
        </div>
    </div>
</div>
<div class="juMeun" id="menuDq" style="display:none">
    <div class="mengban meunH"></div>
    <div class="popmain">
        <div class="classTitle mui-text-center">
            器行
        </div>
        <div class="mui-subtitle">
            <a href="list.html?hangdang=京胡" class="sub-window mui-text-center">
                京胡
            </a>
            <a href="list.html?hangdang=月琴" class="sub-window mui-text-center">
                月琴
            </a>
            <a href="list.html?hangdang=弦子" class="sub-window mui-text-center">
                弦子
            </a>
            <a href="list.html?hangdang=单皮鼓" class="sub-window mui-text-center">
                单皮鼓
            </a>
            <a href="list.html?hangdang=大锣" class="sub-window mui-text-center">
                大锣
            </a>
            <a href="list.html?hangdang=小锣" class="sub-window mui-text-center">
                小锣
            </a>
        </div>
    </div>
</div>
<!--弹框菜单结束-->

</body>

</html>